<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function openwindow(){
            //获取弹窗得div
            var modal = document.getElementById('myModal');
            // 获取 <span> 元素，用于关闭弹窗 （X）
            var span = document.getElementsByClassName("close")[0];
            //获取弹窗中得确定按钮
            var ok=document.getElementsByClassName("yes")[0];

            //窗体弹出
            modal.style.display = "block";
            //点击窗体ok
            ok.onclick=function(){
                //执行弹出窗体得确定后得操作
                alert("执行确定按钮点击得操作");
                //关闭窗口
                modal.style.display = "none";
            }
            // 点击 <span> (x), 关闭弹窗
            span.onclick = function() {
                //直接关闭窗口
                modal.style.display = "none";
            }
            // 在用户点击其他地方时，关闭弹窗
            window.onclick = function(event) {
                //点击窗口外内容，关闭窗口
                if (event.target == modal) modal.style.display = "none";
            }
        }
    </script>
    <link rel="stylesheet" href="../css/result.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/pop.css">
</head>
<style>
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}
    #img_2{
        background-position:-24px -23px;
    }
    #zi_2{color: red}
</style>
<body>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }

    /*function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }*/

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }
</script>
<div id="myModal" class="modal">
    <!-- 弹窗内容 -->
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">×</span>
            <div id="header_yy">立即预约齐家网装修服务</div>
        </div>
        <div class="modal-body">
            <input class="input" type="text" name="" placeholder="请输入您的姓名"><br>
            <input class="input" type="password" name="" placeholder="请输入您的电话"><br>
            <input class="input" type="text" name="" placeholder="请输入您的地址"><br>
            <div id="TYK">
                <div id="checkbox"><input type="checkbox"></div>
                <div id="TY">我已阅读齐家网的<a href="">用户协议</a> </div>
            </div>
        </div>
        <div class="modal-footer">
            <button id="ljyy" class="yes">立即预约</button>
        </div>
    </div>
</div>
<div id="body">
    <div id="body_up">
        <ul>
            <li><a href="resultAll.jsp">装修案例></a></li>
            <li><a style="color: #b2bdbd">本素丨日式风格></a></li>
        </ul>
    </div>
    <div id="body_left">
        <div id="body_left_up">
            <div id="body_left_up_left"></div>
            <div id="body_left_up_right">
                <div id="right_1">本素丨日式风格</div>
                <div id="right_2">
                    <div id="img"></div>
                    <div id="area">64㎡</div>
                    <div id="count">两房</div>
                    <div is="style">北欧</div>
                </div>
                <div id="right_3">
                    <div id="zj">造价：</div>
                    <div id="qw">￥7万</div>
                </div>
                <div id="right_4">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>
                <div id="right_5">
                    <div id="yuyue" onclick="openwindow()">立即预约</div>
                </div>
            </div>
        </div>
        <div id="body_left_down">
            <div id="body_left_down_header">
                <div class="div1">设计方案</div>
            </div>
            <div id="body_left_down_body">
                <div id="center_1">
                    <div id="center_1_header">
                        <div id="titleLogo1"></div>
                        <div id="title1">全屋户型图</div>
                    </div>
                    <div id="center_1_body">
                        <div id="center_img1"></div>
                    </div>
                    <div id="center_1_footer">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>
                </div>
                <div id="center_2">
                    <div id="center_2_header">
                        <div id="titleLogo2"></div>
                        <div id="title2">全屋户型图</div>
                    </div>
                    <div id="center_2_body">
                        <div id="center_img2"></div>
                    </div>
                    <div id="center_2_footer">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>
                </div>
                <div id="center_3">
                    <div id="center_3_header">
                        <div id="titleLogo3"></div>
                        <div id="title3">全屋户型图</div>
                    </div>
                    <div id="center_3_body">
                        <div id="center_img3"></div>
                    </div>
                    <div id="center_3_footer">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>

                </div>
                <div id="center_4">
                    <div id="center_4_header">
                        <div id="titleLogo4"></div>
                        <div id="title4">全屋户型图</div>
                    </div>
                    <div id="center_4_body">
                        <div id="center_img4"></div>
                    </div>
                    <div id="center_4_footer">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>

                </div>
                <div id="center_5">
                    <div id="center_5_header">
                        <div id="titleLogo5"></div>
                        <div id="title5">全屋户型图</div>
                    </div>
                    <div id="center_5_body">
                        <div id="center_img5"></div>
                    </div>
                    <div id="center_5_footer">改造前格局：A、房间不方正；B、没有洗衣晾晒区，空间归属不明，如何将其充分利用等问题；C、厨房空间相对局促。</div>

                </div>
            </div>
        </div>
    </div>
    <div id="body_right">
        <div id="body_right_1">
            <div id="body_right_1_up">
                <span>商家信息</span>
            </div>
            <div id="body_right_1_down">
                <div id="shop">
                    <div id="shopLogo"></div>
                    <div id="shopIntro">
                        <div id="shopIntro_up">盛世合家装饰</div>
                        <div id="shopIntro_down">口碑值：3116</div>
                    </div>
                </div>
                <div id="button" onclick="openwindow()" >立即询价</div>
            </div>
        </div>
        <div id="body_right_2">
            <div id="body_right_2_up">
                <span>设计师信息</span>
            </div>
            <div id="body_right_2_down">
                <div id="design">
                    <div id="designLogo"></div>
                    <div id="designIntro">
                        <div id="designIntro_up">陈璐
                            <div id="zhiwu">总监设计师</div>
                        </div>
                        <div id="designIntro_down">工作年限：5年</div>
                    </div>
                </div>
                <div id="designIntro_xq">设计源于生活，只有热爱生活、热爱设计才能不断推陈出新，给每个客户创造不同的居住体验，身在这个岗位，就必须对相信我的客户负责，今天多一些准备，明天</div>
                <div id="button2" onclick="openwindow()">请他帮我设计</div>
            </div>
        </div>
        <div id="body_right_3">
            <div id="body_right_3_up">
                <span>热门标签</span>
            </div>
            <div id="body_right_3_down">
                <div id="bigBQ">

                    <button>1</button>
                    <button>2</button>
                    <button>3</button>
                    <button>4</button>
                    <button>5</button>
                    <button>6</button>
                </div>
                <div class="example"><a href="#"><span>查看全部案例</span></a></div>
            </div>
        </div>
        <div id="body_right_4">
            <div id="body_right_4_up">
                <span>相关问答</span>
            </div>
            <div id="body_right_4_down">

                <ul>
                    <li><i></i><a href="#" target="_blank" title="简欧沙发品牌排第几">简欧沙发品牌排第几</a></li>
                    <li><i></i><a href="#" target="_blank" title="南京家具适合简欧风格吗？">南京家具适合简欧风格吗？</a></li>
                    <li><i></i><a href="#" target="_blank" title="简欧衣柜推拉门选哪种好">简欧衣柜推拉门选哪种好</a></li>
                    <li><i></i><a href="#" target="_blank" title="木地板什么颜色符合简欧风格？">木地板什么颜色符合简欧风格？</a></li>
                    <li><i></i><a href="#" target="_blank" title="简欧风格橱柜颜色选择问题">简欧风格橱柜颜色选择问题</a></li>
                    <li><i></i><a href="#" target="_blank" title="小户型不适合简欧风格吗？">小户型不适合简欧风格吗？</a></li>
                    <li><i></i><a href="#" target="_blank" title="30平米装修多少钱？适合简欧风格吗？">30平米装修多少钱？适合简欧风格吗？</a></li>
                    <li><i></i><a href="#" target="_blank" title="简欧阿玛尼家具甲醛含量">简欧阿玛尼家具甲醛含量</a></li>
                    <li><i></i><a href="#" target="_blank" title="简欧风格的特点是什么?">简欧风格的特点是什么?</a></li>
                    <li><i></i><a href="#" target="_blank" title="简欧沙发品牌知名吗">简欧沙发品牌知名吗</a></li>
                </ul>



            </div>
        </div>
        <div id="body_right_5">
            <div id="body_right_5_up">
                <span>相关资讯</span>
            </div>
            <div id="body_right_5_down">

                <ul>
                    <li><i></i><a href="#" target="_blank" title="巴西简约公寓 巧妙设计成新时代最宜居房">巴西简约公寓 巧妙设计成新时代最宜居房</a></li>
                    <li><i></i><a href="#" target="_blank" title="“宜居”生活 轻松打造，专家教你宜居秘方">“宜居”生活 轻松打造，专家教你宜居秘方</a></li>
                    <li><i></i><a href="#" target="_blank" title="装修七个细节成就宜居">装修七个细节成就宜居</a></li>
                    <li><i></i><a href="#" target="_blank" title="室内装修先为孩子着想 宜居儿童房不能太花哨">室内装修先为孩子着想 宜居儿童房不能太花哨</a></li>
                    <li><i></i><a href="#" target="_blank" title="房奴装修必读 七个细节成就最“宜居”生活">房奴装修必读 七个细节成就最“宜居”生活</a></li>
                    <li><i></i><a href="#" target="_blank" title="2年辛苦自装100多平环保宜居 满屋充满爱">2年辛苦自装100多平环保宜居 满屋充满爱</a></li>
                    <li><i></i><a href="#" target="_blank" title="白领装修120平如仙如梦3居室 简约宜居之美">白领装修120平如仙如梦3居室 简约宜居之美</a></li>
                    <li><i></i><a href="#" target="_blank" title="卧室有玄机 教您打造最宜居的卧室风水">卧室有玄机 教您打造最宜居的卧室风水</a></li>
                    <li><i></i><a href="#" target="_blank" title="飞利浦城市照明创意营 打造个性化宜居城市 ">飞利浦城市照明创意营 打造个性化宜居城市 </a></li>
                    <li><i></i><a href="#" target="_blank" title="90㎡现代简约风，精致、优雅的宜居空间！">90㎡现代简约风，精致、优雅的宜居空间！</a></li>
                </ul>




            </div>
        </div>
    </div>
</div>
<!--<div id="footer">
    <div id="footer_up">
        <div id="footer_up_left">
            <div id="tel">
                <div id="img_bigTel"></div>
                <div id="telNum">400 880 2600</div>
            </div>
            <div id="tel_zi">
                齐家网客服热线<br/>
                周一至周日 9:00-21:00
            </div>
        </div>
        <div id="footer_up_center">
            <div id="center_button">个性化装修</div>
        </div>
        <div id="footer_up_right">3</div>
    </div>
    <div id="footer_down">
        <div id="footer_down_zi">
            齐家网 版权所有Copyright © 2005-2018 www.jia.com All rights reserved<br/>
            沪ICP备13002314号 沪B2-20090108 组织机构代码证：66439109—1<br/>
            中国互联网协会信用评价中心网信认证 网信编码:1664391091
        </div>
        <div id="footer_down_logo">
            <div id="footer_down_logo1"></div>
            <div id="footer_down_logo2"></div>
        </div>
    </div>
</div>-->
</body>
</html>